function showTime() {
    var date = new Date();

    // 年月日
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();

    // 时分秒
    var hour = date.getHours();
    var minute = date.getMinutes();
    var second = date.getSeconds();

    // 实时显示
    var element = document.getElementById('time');
    element.innerHTML = '<span>' + year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
}
setInterval('showTime()', 1000);
var num = 0;

function clock() {
    var element1 = document.getElementById('num5');
    element1.innerHTML = '<span>' + num;
    num = num + 1;
    if (num > 9) {
        num = 0;
    }


}
// 定时器 间歇定时器
setInterval('clock()', 2000)


console.log(window);
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    xAxis: {
        // 值
        type: 'category',
        data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24],
        axisTick: {
            show: false
        }
    },
    yAxis: {
        // 类目
        type: 'value',
        splitLine: {
            lineStyle: {
                type: 'dashed'
            }
        }
    },
    legend: {
        data: ['今日能耗'],
        right: 100
    },
    series: [{
        name: '今日能耗',
        data: [6, 160, 48, 45, 50, 250, 200, 180, 230, 70, 180, 55, 0],
        type: 'line',
        // type: 'bar',
        // 平滑的折线图
        smooth: true,
        // 拐点的样式
        symbol: 'circle',
        // 折线图中拐点的大小
        symbolSize: 5,
        // 拐点的颜色
        itemStyle: {
            color: '#04E38A',
        },
        // 折线的颜色
        lineStyle: {
            color: '#04E38A'
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);